
$(document).ready(function(){

  var html='<ul class="nav navbar-nav">'+
  '<li><a href="javascript:void(0)" data-path="index">首页</a></li>'+
  '<li><a href="javascript:void(0)" data-path="intro">公司简介</a>'+
  '<ul class="test clearfix">'+
  '<li><a href="/company/background">企业背景</a></li>'+
  '<li><a href="/company/culture" >企业文化</a></li>'+
  '</ul></li>'+
  // '<li><a href="javascript:void(0)" data-path="party">党建工作</a>'+
  // '<ul class="test clearfix">'+
  // '<li><a href="/party">党建首页</a></li>'+
  // '<li><a href="/party/structure">党组织架构</a></li>'+
  // '<li><a href="/party/dynamic">党建动态</a></li>'+
  // '<li><a href="/party/relative">相关文件</a></li>'+
  // '<li><a href="/party/rule">工作制度</a></li>'+
  // '</ul></li>'+
  '<li><a href="javascript:void(0)" data-path="news">新闻中心</a>'+
  '<ul class="test clearfix">'+
  '<li><a  href="/post/6" >重要新闻</a></li>'+
  '<li><a href="/post/7">项目动态</a></li>'+
  '</ul></li>'+
  '<li><a href="javascript:void(0)" data-path="layout">案例欣赏</a>'+
  '<ul class="test clearfix" >'+
  '<li><a  href="/project/sydc">房地产开发</a></li>'+
  '<li><a href="/project/xmdj">项目管理（代建）</a></li>'+
  '<li><a href="/project/zcjy">资产经营</a></li>'+
  '<li><a href="http://www.njxmwy.com" target="_blank">物业管理</a></li>'+
  '<li><a href="/project/hotel">酒店管理</a></li>'+
  '</ul></li>'+
  '<li><a href="javascript:void(0)" data-path="join">加入我们</a>'+
  '<ul class="test clearfix">'+
  '<li><a href="/joinus/policy">人才策略</a></li>'+
  '<li><a href="/joinus/zhaopin">诚聘英才</a></li>'+
  '</ul></li>'+
  '<li><a href="/contact" data-path="contact">联系我们</a></li>'+
  '<span id="baseline" class="hidden-xs"></span>'+
  '</ul>';

  var subTitle='<div class="subnavbg p-subnav  ">'+
    '<div class="subnav sub-w"> <ul class="list-inline child-menu"></ul> </div> </div>'+
  '<div class="subnavbg p-subnav ">'+
  '<div class="subnav sub-w">'+
  '<ul class="clearfix child-menu">'+
  '<li> <a href="/company/background">企业背景</a> </li>'+
  '<li> <a href="/company/culture" >企业文化</a> </li>'+
  '</ul> </div> </div>'+
  '<div class="subnavbg p-subnav  ">'+
  '<div class="subnav sub-w">'+
  '<ul class="clearfix child-menu" >'+
  '<li><a href="/party">党建首页</a></li>'+
  '<li> <a href="/party/structure">党组织架构</a> </li>'+
  '<li> <a href="/party/dynamic">党建动态</a> </li>'+
  '<li> <a href="/party/relative">相关文件</a> </li>'+
  '<li> <a href="/party/rule">工作制度</a> </li>'+
  '</ul> </div> </div>'+
  '<div class="subnavbg p-subnav">'+
  '<div class="subnav sub-w">'+
  '<ul class="clearfix child-menu ">'+
  '<li  > <a  href="/post/6" >重要新闻</a> </li>'+
  '<li> <a href="/post/7">项目动态</a> </li>'+
  '</ul> </div> </div>'+
  '<div class="subnavbg p-subnav ">'+
  '<div class="subnav sub-w">'+
  '<ul class="clearfix child-menu" >'+
  '<li> <a  href="/project/sydc">房地产开发</a> </li>'+
  '<li> <a href="/project/xmdj">项目管理（代建）</a> </li>'+
  '<li> <a href="/project/zcjy">资产经营</a> </li>'+
  '<li> <a href="http://www.njxmwy.com" target="_blank">物业管理</a> </li>'+
  '<li> <a href="/project/hotel">酒店管理</a> </li>'+
  '</ul> </div> </div>'+
  '<div class="subnavbg p-subnav  ">'+
  '<div class="subnav sub-w">'+
  '<ul class="clearfix child-menu ">'+
  '<li> <a href="/joinus/policy">人才策略</a> </li>'+
  '<li> <a href="/joinus/zhaopin">诚聘英才</a> </li>'+
  '</ul> </div> </div>'+
  '<div class="subnavbg p-subnav">'+
  '<div class="subnav sub-w"> <ul class="list-inline child-menu"></ul> </div>'+
  '</div>'

  $("#collapse-1").html(html);
  $(".c-inbanner").html(subTitle);

  var li_index = 0,subli_index=0, curli_offset=0, curli_width=0,subli_offset=0, subli_width=0,w=$(window).width();
  var href = window.location.pathname;

  // 当前主菜单项
  $('header ul.nav').find('li').each(function (i) {
    var me = this;
    var link = $(me).find("a").attr("data-path");
    if (href.indexOf(link) >= 0) {  //找到与url相匹配的li
      li_index = $(me).index();
      $('.c-inbanner .subnavbg').eq(li_index ).show().addClass("current").siblings(".subnavbg").removeClass("current");
      $(me).addClass("current").siblings("li").removeClass("current");
    }
  });
  //显示banner菜单
  $("#banner ul.detail-title").find('li').each(function (i) {
    var me = this;
    var link = $(me).find("a").attr("data-path");
    if (href.indexOf(link) >= 0) {
      subli_index = $(me).index();
      $(me).addClass("current").siblings("li").removeClass("current");
    }
  })

  //显示主菜单滑动条
  if ($(".nav li.current").length > 0) {
    curli_offset = $(".nav li.current").position().left + 13 ; //当前li距离左边距离
    if(w<992)curli_offset = $(".nav li.current").position().left + 7;
    curli_width = $(".nav li.current").find("a").width();
    $("#baseline").css({
      'left': curli_offset,
      'width': curli_width
    }).show();
  };

  //显示banner滑动条
  if ($("#banner li.current").length > 0) {
    subli_offset =  $("#banner  li.current").position().left + 13 ;
    subli_width = $("#banner  li.current").find("a").width();
    $("#subline").css({
      'left':subli_offset ,
      'width':subli_width
    }).show();
  };

  //鼠标移入menu某一项
  $("header .nav li").on('mouseover',function () {
    var cur_index=$(this).index();
    var navlinewidth = $(this).find("a").width();
    var offsetli ;
    offsetli = $(this).position().left + 13;
    if(w<992) offsetli = $(this).position().left + 7;
    if(IsPC()){$('.c-inbanner').slideDown(200);}

    $("#baseline").css({ 'width': navlinewidth }).stop().animate({ 'left': offsetli }, 300);
    $(".c-inbanner .subnavbg").hide().eq(cur_index).show();
  });

  //鼠标移入banner某一项
  $("#banner ul.detail-title li").on('mouseover',function () {
    var me=this;
    $("#subline").css({
      'width': $(me).find("a").width()
    }).stop().animate({ 'left': $(me).position().left + 13 }, 300);
  }).on('mouseleave', function (){
    $("#subline").css({ 'width': subli_width }).stop().animate({ 'left': subli_offset }, 300);
  });

  // 移除header
  $('header').hover(function () {
  }, function () {
    $('.c-inbanner').slideUp(200);
    $('.c-inbanner .subnavbg').eq(li_index).show().siblings().hide();
    $("#baseline").css({ 'width': curli_width }).stop().animate({ 'left': curli_offset }, 300);
  });

  //头部切换
  $('header ul.nav>li').click(function(){
    if( IsPC() ){
      var cur_index=$(this).index();
      var $a=$('.c-inbanner .subnavbg').eq(cur_index ).find("ul li:first a");//获取jquery对象
      var a=$a[0]; //得到DOM对象
      if(a){
        a.click();
      }else{
        if(cur_index==0){ //首页
          location.href="/";
        }else{  //联系我们
          location.href="/contact";
        }
      }
    }else{
      var len=$('header ul.nav>li').length;
      if($(this).index()==0){
        location.href="/";
        return false;
      }else if($(this).index()==len-1){
        location.href="/contact";
        return false;
      }
      $(".test").slideUp(200);
      if($(this).find("ul.test").is(":visible")){
        $(this).find("ul.test").slideUp(200);
      }else{
        $(this).find("ul.test").slideDown(200);
      }
    }
  })

  //不同屏幕重置
  resizeLeft();
  function resizeLeft(){
    var marginLeft=[];
    if(w>=1200){
      marginLeft=[0,555,653,751,488,947,0];
    }else if(w>=992&&w<1200){
      marginLeft=[0,344,442,542,279,737,0];
    }else if(w>=768&&w<991){
      //marginLeft=[0,282,358,434,166,585,0];
      marginLeft=[0,307,383,459,191,610,0];
    };
    $('.c-inbanner .subnavbg').each(function(i,item){
      $(item).find("ul.child-menu").css("marginLeft",marginLeft[i])
    })
  };
  //缩放重置
  $(window).resize(function(){
    //setTimeout(function(){ resizeLeft();},2000)
  })

  //判断是否是PC端
  function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
      "SymbianOS", "Windows Phone",
      "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
      if (userAgentInfo.indexOf(Agents[v]) > 0) {
        flag = false;
        break;
      }
    }
    return flag;
  }


})